<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
 <link rel="stylesheet" href="../static/css/back/iconfont.css">
    <link rel="stylesheet" href="../static/css/back/xadmin.css">
<!--     <link rel="stylesheet" href="../static/layui/css/layui.css"> -->
    <link rel="stylesheet" href="../static/layui/css/global.css">
    <script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
        
    <script type="text/javascript" src="../static/js/back/xadmin.js"></script>
    <script type="text/javascript" src="../static/js/back/goods-pic.js"></script>
    <style>
    .site-doc-icon{
    	width: 1400px;
    }
.site-doc-icon li {
	width: 222px;
	margin: 2px 5px;
	    border: 1px #f2f2f2 solid;
    padding: 10px;
    float: left;
        height: 222px;
}

.site-doc-icon li .layui-anim {
	width: 150px;
	height: 150px;
	line-height: 150px;
	margin: 0 auto 10px;
	text-align: center;
/* 	background-color: #009688; */
	cursor: pointer;
	color: #fff;
/* 	border-radius: 50%; */
}
.site-doc-icon .layui-anim>img{
	width: 100% !important;
	height: 100% !important;
}

.edit-pic-ku {
	margin-top: 10px;
	    text-align: right;
}

.edit-pic-ku span {
	margin: 0 10px;
	color: green;
	cursor: pointer;
}
.edit-pic-ku span:nth-child(2) {
	color: red
}
.code{
	text-align: center;
}
</style>
</head>
<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="javascript:;">首页</a>
        <a href="javascript:;">商品管理</a>
        <a href="javascript:;"><cite>图片相册</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="iconfont icon-refresh right-top-ref" ></i></a>
    </div>
    <div class="x-body">
      <xblock>
        <button class="layui-btn" onclick="x_admin_show('创建相册','./goods~goods-pic-add.html?type=add',451,300)"><i class="layui-icon"></i>创建相册</button>
        <span class="x-right" style="line-height:40px">共有数据：0 条</span>
      </xblock>
<div>
<ul class="site-doc-icon site-doc-anim pic-list" >
    <!-- <li>
        <div class="layui-anim" data-anim="layui-anim-scale">平滑放大</div>   y
        <div class="code">炒菜类(4)</div>
        <div class="edit-pic-ku"><span>编辑</span><span>删除</span></div>
    </li> -->
</ul>
</div>
  <div class="layui-form-mid layui-word-aux no-more-data hide">暂无更多数据</div>
<div class="page mypage"  style="position: absolute;bottom: 30px;width: 1400px"></div> 

<!--演示动画-->
 
<script>
    $(function(){
    	
    //演示动画
//     $('.site-doc-icon .layui-anim').on('click', function(){
	 $("body").on('click', '.site-doc-icon .layui-anim' , function(){
        var othis = $(this), anim = othis.data('anim');
        //停止循环
        if(othis.hasClass('layui-anim-loop')){
            return othis.removeClass(anim);
        }
        othis.removeClass(anim);
        setTimeout(function(){
            othis.addClass(anim);
        });
        //恢复渐隐
        if(anim === 'layui-anim-fadeout'){
            setTimeout(function(){
                othis.removeClass(anim);
            }, 1300);
        }
    });
 })
</script>
  </body>

</html>